<header>
  <div class="header md-dn">
    <div class="item2 baf">
      <div class="public-header dfcc">
        <a href="/" class="mr-147">
          <img src="./images/logo.png" alt="" style="width: 222px"
        /></a>
        <div class="flex-1">
          <div class="flex mt-20 pl-80 search-bb">
            <div class="dfccs rel">
              <div class="search row dfcc ov">
                <input
                  class="btn fr"
                  value=""
                  type="button"
                  onclick="SearchProduct($('#SearchProduct1').val())"
                />
                <input
                  class="txt1 txt fl"
                  style="padding-left: 6px"
                  placeholder="Find Products "
                  type="text"
                  onkeydown="if(event.keyCode==13) SearchProduct($('#SearchProduct1').val());"
                  id="SearchProduct1"
                />
              </div>
              <div class="hot-search abs baf ov dn">
                <em class="db f16 pl20 pl20 pr20">Hot Searches</em>
                <div class="pt10 pb10 pl10 pr10">
                  <a
                    href="https://www.jh-electronica.com/Search.html?mode=Search&keys=relay"
                    >relay</a
                  >

                  <a
                    href="https://www.jh-electronica.com/Search.html?mode=Search&keys=esp32"
                    >esp32</a
                  >

                  <a
                    href="#https://www.jh-electronica.com/Search.html?mode=Search&keys=18650"
                    >18650</a
                  >

                  <a
                    href="#https://www.jh-electronica.com/Search.html?mode=Search&keys=NANO"
                    >NANO</a
                  >

                  <a
                    href="#https://www.jh-electronica.com/Search.html?mode=Search&keys=led"
                    >led</a
                  >

                  <a
                    href="#https://www.jh-electronica.com/Search.html?mode=Search&keys=switch"
                    >switch</a
                  >

                  <a
                    href="#https://www.jh-electronica.com/Search.html?mode=Search&keys=esp8266"
                    >esp8266</a
                  >

                  <a
                    href="#https://www.jh-electronica.com/Search.html?mode=Search&keys=motor"
                    >motor</a
                  >
                </div>
              </div>
              <div class="search-result abs baf ov dn"></div>
            </div>
            <div class="flex-1"></div>
            <div class="header-menus btn tac dfcc header-right-menu">
              <a
                class="header-right-menu"
                style="margin: 0 36px"
                href="javascript:;"
                onclick="$('.login').fadeIn();"
              >
                <!-- <div class="icon">
                  <img
                    src="https://www.jh-electronica.com/images/icon-login.png"
                    alt=""
                  />
                </div> -->
                <p class="font-bold text-14 text-[#2f2f2f]">Login</p>
              </a>

              <div class="cart-btn-w rel tra flex-center h-full">
                <a
                  href="/ShoppingCart.html"
                  class="cart-btn flex-center relative"
                >
                  <div>
                    <img src="./images/car.png" alt="" />
                  </div>
                  <em class="CarNum">0</em>
                </a>
                <!-- <p class="t1">Cart</p> -->
                <div class="cart-con abs">
                  <div class="con baf rel">
                    <ul class="list"></ul>
                    <div class="bazaar-notice">
                      If some of your target products are not in JH
                      webstore,<br />
                      JH team will source for you from China local market
                    </div>
                    <div class="head tac pt20 pb20 pl20 pr20">
                      <div class="row mb15">
                        <div class="lg-6 tal">
                          <em class="db f14 c0 mb5">SUBTOTAL: 0 Items</em>
                          <em class="db f12">(Postage not included)</em>
                          <!--span class="db">0</span-->
                        </div>
                        <div class="lg-6 tar">
                          <!--em class="db f12 c0 mb5">Cart subtota</em-->
                          <span class="db fb"
                            ><span class="total_price">$0</span></span
                          >
                        </div>
                      </div>
                      <a
                        href="/ShoppingCart.html"
                        class="btn1 db cf tac"
                        style="margin: 0"
                        >View all items</a
                      >
                    </div>
                  </div>
                </div>
              </div>

              <!-- <a
                class="header-right-menu"
                href="/PersonalCenter/WishList.html"
              >
                <div class="icon">
                  <img
                    src="https://www.jh-electronica.com/images/icon-collect.png"
                    alt=""
                  />
                </div>
                <p class="t1">Collection</p>
              </a> -->
            </div>
          </div>

          <nav>
            <ul class="tac" style="display: flex; align-items: center">
              <li>
                <a href="/jh-products.aspx" class="wxcur">JH Products</a>
                <div class="sub2 abs dn">
                  <div class="link2">
                    <a href="/jh-products/new-arrival.aspx" class="wxcur"
                      >New Arrival</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/new-arrival/july.aspx"
                            class="link3 db els"
                            >July</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="New Arrival"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/clearance-sale.aspx"
                      >Clearance Sale</a
                    >
                  </div>
                  <div class="link2">
                    <a href="/jh-products/arduino.aspx" class="wxcur"
                      >Arduino</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/arduino/boards.aspx"
                            class="link3 db els"
                            >Boards</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/arduino/shields.aspx"
                            class="link3 db els"
                            >Shields</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/arduino/protoshields.aspx"
                            class="link3 db els"
                            >ProtoShields</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/arduino/cases.aspx"
                            class="link3 db els"
                            >Cases</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/arduino/starter-kits.aspx"
                            class="link3 db els"
                            >Starter Kits</a
                          >
                        </div>
                      </div>
                      <div class="info pt25 clearfix" alt="Arduino"></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a
                      href="/jh-products/development-boards.aspx"
                      class="wxcur"
                      >Development Boards</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/breakout-boards.aspx"
                            class="link3 db els"
                            >Breakout Boards</a
                          >
                          <div class="">
                            <a
                              href="/jh-products/development-boards/breakout-boards/audiovideogame-shields.aspx"
                              class="link4 db"
                              >Audio/Video/Game Shields</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/communication.aspx"
                              class="link4 db"
                              >Communication</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/soundamplifiers.aspx"
                              class="link4 db"
                              >Sound/Amplifiers</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/power-supply.aspx"
                              class="link4 db"
                              >Power Supply</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/meters.aspx"
                              class="link4 db"
                              >Meters</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/lcdoledtft.aspx"
                              class="link4 db"
                              >LCD/OLED/TFT</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/esp32esp8266.aspx"
                              class="link4 db"
                              >ESP32/ESP8266</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/ethernet-lan.aspx"
                              class="link4 db"
                              >Ethernet LAN</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/generator-module.aspx"
                              class="link4 db"
                              >Generator Module</a
                            ><a
                              href="/jh-products/development-boards/breakout-boards/other.aspx"
                              class="link4 db"
                              >Other</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/relay-module.aspx"
                            class="link3 db els"
                            >Relay Module</a
                          >
                          <div class="">
                            <a
                              href="/jh-products/development-boards/relay-module/relay-module.aspx"
                              class="link4 db"
                              >Relay Module</a
                            ><a
                              href="/jh-products/development-boards/relay-module/electromagnetic-relay.aspx"
                              class="link4 db"
                              >Electromagnetic Relay</a
                            ><a
                              href="/jh-products/development-boards/relay-module/photorelaystimers.aspx"
                              class="link4 db"
                              >Photorelays/Timers</a
                            ><a
                              href="/jh-products/development-boards/relay-module/ssr-solid-state-relay.aspx"
                              class="link4 db"
                              >SSR Solid State Relay</a
                            ><a
                              href="/jh-products/development-boards/relay-module/thermostat.aspx"
                              class="link4 db"
                              >Thermostat</a
                            ><a
                              href="/jh-products/development-boards/relay-module/wireless-remote-control-relay.aspx"
                              class="link4 db"
                              >Wireless Remote Control Relay</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/programmer-converters.aspx"
                            class="link3 db els"
                            >Programmer Converters</a
                          >
                          <div class="">
                            <a
                              href="/jh-products/development-boards/programmer-converters/adcdac-converters.aspx"
                              class="link4 db"
                              >ADC/DAC Converters</a
                            ><a
                              href="/jh-products/development-boards/programmer-converters/converters-usb.aspx"
                              class="link4 db"
                              >Converters USB</a
                            ><a
                              href="/jh-products/development-boards/programmer-converters/programmers.aspx"
                              class="link4 db"
                              >Programmers</a
                            ><a
                              href="/jh-products/development-boards/programmer-converters/logic-level-converters.aspx"
                              class="link4 db"
                              >Logic Level Converters</a
                            ><a
                              href="/jh-products/development-boards/programmer-converters/gpio-expanders.aspx"
                              class="link4 db"
                              >GPIO Expanders</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/voltage-regulators.aspx"
                            class="link3 db els"
                            >Voltage Regulators</a
                          >
                          <div class="">
                            <a
                              href="/jh-products/development-boards/voltage-regulators/voltage-regulators.aspx"
                              class="link4 db"
                              >Voltage Regulators</a
                            ><a
                              href="/jh-products/development-boards/voltage-regulators/motor-speed-controllers.aspx"
                              class="link4 db"
                              >Motor Speed Controllers</a
                            ><a
                              href="/jh-products/development-boards/voltage-regulators/step-down-converters.aspx"
                              class="link4 db"
                              >Step Down Converters</a
                            ><a
                              href="/jh-products/development-boards/voltage-regulators/step-up-converters.aspx"
                              class="link4 db"
                              >Step Up Converters</a
                            ><a
                              href="/jh-products/development-boards/voltage-regulators/step-updown-converters.aspx"
                              class="link4 db"
                              >Step Up/Down Converters</a
                            ><a
                              href="/jh-products/development-boards/voltage-regulators/pwm-modules.aspx"
                              class="link4 db"
                              >PWM Modules</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/wireless.aspx"
                            class="link3 db els"
                            >Wireless</a
                          >
                          <div class="">
                            <a
                              href="/jh-products/development-boards/wireless/antennas.aspx"
                              class="link4 db"
                              >Antennas</a
                            ><a
                              href="/jh-products/development-boards/wireless/bluetooth.aspx"
                              class="link4 db"
                              >Bluetooth</a
                            ><a
                              href="/jh-products/development-boards/wireless/rfrfid.aspx"
                              class="link4 db"
                              >RF/RFID</a
                            ><a
                              href="/jh-products/development-boards/wireless/wireless-charging.aspx"
                              class="link4 db"
                              >Wireless Charging</a
                            ><a
                              href="/jh-products/development-boards/wireless/lora.aspx"
                              class="link4 db"
                              >LoRa</a
                            ><a
                              href="/jh-products/development-boards/wireless/gsmgpsgprs.aspx"
                              class="link4 db"
                              >GSM/GPS/GPRS</a
                            ><a
                              href="/jh-products/development-boards/wireless/wifi.aspx"
                              class="link4 db"
                              >WiFi</a
                            ><a
                              href="/jh-products/development-boards/wireless/zigbeexbee.aspx"
                              class="link4 db"
                              >Zigbee/Xbee</a
                            ><a
                              href="/jh-products/development-boards/wireless/wireless-general.aspx"
                              class="link4 db"
                              >Wireless General</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/stm.aspx"
                            class="link3 db els"
                            >STM</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/pic-development.aspx"
                            class="link3 db els"
                            >PIC Development</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/wemos.aspx"
                            class="link3 db els"
                            >WeMos</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/lilypadflora.aspx"
                            class="link3 db els"
                            >Lilypad/Flora</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/microbit.aspx"
                            class="link3 db els"
                            >Micro:bit</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/makerbase.aspx"
                            class="link3 db els"
                            >Makerbase</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/01studio.aspx"
                            class="link3 db els"
                            >01Studio</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/dfrobot.aspx"
                            class="link3 db els"
                            >DFRobot</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/keyes.aspx"
                            class="link3 db els"
                            >KEYES</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/development-boards/seeed.aspx"
                            class="link3 db els"
                            >Seeed</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="Development Boards"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/sensors.aspx" class="wxcur"
                      >Sensors</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/accelerometers.aspx"
                            class="link3 db els"
                            >Accelerometers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/biometrics.aspx"
                            class="link3 db els"
                            >Biometrics</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/buzzer.aspx"
                            class="link3 db els"
                            >Buzzer</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/current.aspx"
                            class="link3 db els"
                            >Current</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/gasair-quality.aspx"
                            class="link3 db els"
                            >Gas/Air Quality</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/infraredir.aspx"
                            class="link3 db els"
                            >Infrared/IR</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/keypadjoystick.aspx"
                            class="link3 db els"
                            >Keypad/Joystick</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/lasers.aspx"
                            class="link3 db els"
                            >Lasers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/lightcolor.aspx"
                            class="link3 db els"
                            >Light/Color</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/liquidflow.aspx"
                            class="link3 db els"
                            >Liquid/Flow</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/magneto.aspx"
                            class="link3 db els"
                            >Magneto</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/proximity.aspx"
                            class="link3 db els"
                            >Proximity</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/readerscanner.aspx"
                            class="link3 db els"
                            >Reader/Scanner</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/storage.aspx"
                            class="link3 db els"
                            >Storage</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/temperaturehumidity.aspx"
                            class="link3 db els"
                            >Temperature/Humidity</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/timing.aspx"
                            class="link3 db els"
                            >Timing</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/touchvoice.aspx"
                            class="link3 db els"
                            >Touch/Voice</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/sensors/weightpressure.aspx"
                            class="link3 db els"
                            >Weight/Pressure</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/sensors/others.aspx"
                            class="link3 db els"
                            >Others</a
                          >
                        </div>
                      </div>
                      <div class="info pt25 clearfix" alt="Sensors"></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/raspberry-pi.aspx" class="wxcur"
                      >Raspberry PI</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/boards.aspx"
                            class="link3 db els"
                            >Boards</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/displaysscreens.aspx"
                            class="link3 db els"
                            >Displays/Screens</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/camera.aspx"
                            class="link3 db els"
                            >Camera</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/prototyping.aspx"
                            class="link3 db els"
                            >Prototyping</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/enclosures.aspx"
                            class="link3 db els"
                            >Enclosures</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/power-supplies.aspx"
                            class="link3 db els"
                            >Power Supplies</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/cooling-fan.aspx"
                            class="link3 db els"
                            >Cooling Fan</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/heatsink.aspx"
                            class="link3 db els"
                            >Heatsink</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/memory.aspx"
                            class="link3 db els"
                            >Memory</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/cables.aspx"
                            class="link3 db els"
                            >Cables</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/kits.aspx"
                            class="link3 db els"
                            >Kits</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/raspberry-pi/other.aspx"
                            class="link3 db els"
                            >Other</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="Raspberry PI"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a
                      href="/jh-products/3dcncmechanical.aspx"
                      class="wxcur"
                      >3D/CNC/Mechanical</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical/cnc-machines.aspx"
                            class="link3 db els"
                            >CNC Machines</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical/controllers.aspx"
                            class="link3 db els"
                            >Controllers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical/drivers.aspx"
                            class="link3 db els"
                            >Drivers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical/linear-bearing.aspx"
                            class="link3 db els"
                            >Linear Bearing</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical/bearing.aspx"
                            class="link3 db els"
                            >Bearing</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical/couplers.aspx"
                            class="link3 db els"
                            >Couplers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical/timing-belt.aspx"
                            class="link3 db els"
                            >Timing Belt</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/timing-pulley.aspx"
                            class="link3 db els"
                            >Timing Pulley</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/screwnutspring.aspx"
                            class="link3 db els"
                            >Screw/Nut/Spring</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/bracketsconnectors.aspx"
                            class="link3 db els"
                            >Brackets/Connectors</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/linear-steel-rods.aspx"
                            class="link3 db els"
                            >Linear Steel Rods</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/heatsinks.aspx"
                            class="link3 db els"
                            >Heatsinks</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/3d-printer-parts.aspx"
                            class="link3 db els"
                            >3D Printer Parts</a
                          >
                          <div class="">
                            <a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/nozzles.aspx"
                              class="link4 db"
                              >Nozzles</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/heating-blocks.aspx"
                              class="link4 db"
                              >Heating Blocks</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/throats.aspx"
                              class="link4 db"
                              >Throats</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/extrudershotends.aspx"
                              class="link4 db"
                              >Extruders/Hotends</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/extruderhotend-parts.aspx"
                              class="link4 db"
                              >Extruder/Hotend Parts</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/end-switch.aspx"
                              class="link4 db"
                              >End Switch</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/fans.aspx"
                              class="link4 db"
                              >Fans</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/heating-cartridges.aspx"
                              class="link4 db"
                              >Heating Cartridges</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/thermistors.aspx"
                              class="link4 db"
                              >Thermistors</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/heated-beds.aspx"
                              class="link4 db"
                              >Heated Beds</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/maintenanceclean.aspx"
                              class="link4 db"
                              >Maintenance/Clean</a
                            ><a
                              href="/jh-products/3dcncmechanical-parts/3d-printer-parts/other-parts.aspx"
                              class="link4 db"
                              >Other Parts</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/3d-printer-filament.aspx"
                            class="link3 db els"
                            >3D Printer Filament</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/tape.aspx"
                            class="link3 db els"
                            >Tape</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/woodworking.aspx"
                            class="link3 db els"
                            >Woodworking</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/cable-management.aspx"
                            class="link3 db els"
                            >Cable Management</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/3dcncmechanical-parts/others.aspx"
                            class="link3 db els"
                            >Others</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="3D/CNC/Mechanical"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a
                      href="/jh-products/educational-kits.aspx"
                      class="wxcur"
                      >Educational Kits</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/components-kits.aspx"
                            class="link3 db els"
                            >Components Kits</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/mechanical-kits.aspx"
                            class="link3 db els"
                            >Mechanical Kits</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/uno-kits.aspx"
                            class="link3 db els"
                            >UNO Kits</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/sensor-kit.aspx"
                            class="link3 db els"
                            >Sensor Kit</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/science-kits.aspx"
                            class="link3 db els"
                            >Science Kits</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/led-diy-kit.aspx"
                            class="link3 db els"
                            >LED DIY Kit</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/xmas.aspx"
                            class="link3 db els"
                            >Xmas</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/funny-diy.aspx"
                            class="link3 db els"
                            >Funny DIY</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/function-diy.aspx"
                            class="link3 db els"
                            >Function DIY</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/smd-practice.aspx"
                            class="link3 db els"
                            >SMD Practice</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/radiospeaker-diy.aspx"
                            class="link3 db els"
                            >Radio/Speaker DIY</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/tesla.aspx"
                            class="link3 db els"
                            >Tesla</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/clock-diy.aspx"
                            class="link3 db els"
                            >Clock DIY</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/power-supply-diy.aspx"
                            class="link3 db els"
                            >Power Supply DIY</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/educational-kits/test-equipment-kits.aspx"
                            class="link3 db els"
                            >Test Equipment Kits</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="Educational Kits"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/robotics.aspx" class="wxcur"
                      >Robotics</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/robotics/supportsbrackets.aspx"
                            class="link3 db els"
                            >Supports/Brackets</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/robots/wheel.aspx"
                            class="link3 db els"
                            >Wheel</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/robotics/gears-gear-boxes.aspx"
                            class="link3 db els"
                            >Gears/ Gear boxes</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/robotics/robot-armsclawsgrippers.aspx"
                            class="link3 db els"
                            >Robot Arms/Claws/Grippers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/robotics/accessories.aspx"
                            class="link3 db els"
                            >Accessories</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/robotics/robots-kits.aspx"
                            class="link3 db els"
                            >Robots Kits</a
                          >
                        </div>
                      </div>
                      <div class="info pt25 clearfix" alt="Robotics"></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/components.aspx" class="wxcur"
                      >Components</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/semiconductors.aspx"
                            class="link3 db els"
                            >Semiconductors</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/capacitor.aspx"
                            class="link3 db els"
                            >Capacitor</a
                          >
                          <div class="">
                            <a
                              href="/jh-store/components/capacitor/electrolytic-capacitor.aspx"
                              class="link4 db"
                              >Electrolytic Capacitor</a
                            ><a
                              href="/jh-store/components/capacitor/ceramics-capacitor.aspx"
                              class="link4 db"
                              >Ceramics Capacitor</a
                            ><a
                              href="/jh-store/components/capacitor/monolithic-capacitor.aspx"
                              class="link4 db"
                              >Monolithic Capacitor</a
                            ><a
                              href="/jh-store/components/capacitor/smd-capacitor.aspx"
                              class="link4 db"
                              >SMD Capacitor</a
                            ><a
                              href="/jh-store/components/capacitor/others.aspx"
                              class="link4 db"
                              >Others</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/resistors.aspx"
                            class="link3 db els"
                            >Resistors</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/switches.aspx"
                            class="link3 db els"
                            >Switches</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/buzzer.aspx"
                            class="link3 db els"
                            >Buzzer</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/magnet.aspx"
                            class="link3 db els"
                            >Magnet</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/speakermicrophone.aspx"
                            class="link3 db els"
                            >Speaker/Microphone</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/ic-socket.aspx"
                            class="link3 db els"
                            >IC Socket</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/rectifier-bridge.aspx"
                            class="link3 db els"
                            >Rectifier Bridge</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/fuse.aspx"
                            class="link3 db els"
                            >Fuse</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/crystal-oscillator.aspx"
                            class="link3 db els"
                            >Crystal Oscillator</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/potentiometer.aspx"
                            class="link3 db els"
                            >Potentiometer</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/inductor.aspx"
                            class="link3 db els"
                            >Inductor</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/varistor.aspx"
                            class="link3 db els"
                            >Varistor</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/relay.aspx"
                            class="link3 db els"
                            >Relay</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/triode.aspx"
                            class="link3 db els"
                            >Triode</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/components/others.aspx"
                            class="link3 db els"
                            >Others</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="Components"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/smart-home.aspx">Smart Home</a>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/mobile-accessories.aspx"
                      >Mobile Accessories</a
                    >
                  </div>
                  <div class="link2">
                    <a
                      href="/jh-products/computer-accessories.aspx"
                      class="wxcur"
                      >Computer Accessories</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/computer-accessories/keyboardmouse.aspx"
                            class="link3 db els"
                            >Keyboard/Mouse</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/computer-accessories/modular-plugsjacks.aspx"
                            class="link3 db els"
                            >Modular Plugs/Jacks</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="Computer Accessories"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/ledlighting.aspx" class="wxcur"
                      >LED/Lighting</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/led-diodes.aspx"
                            class="link3 db els"
                            >LED Diodes</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/rgb.aspx"
                            class="link3 db els"
                            >RGB</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/led-segmented.aspx"
                            class="link3 db els"
                            >LED Segmented</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/led-matrix.aspx"
                            class="link3 db els"
                            >LED Matrix</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/led-lamp.aspx"
                            class="link3 db els"
                            >LED Lamp</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/ledrgb-sensors.aspx"
                            class="link3 db els"
                            >LED/RGB Sensors</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/led-display.aspx"
                            class="link3 db els"
                            >LED Display</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/led-kit.aspx"
                            class="link3 db els"
                            >LED Kit</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/led-strips.aspx"
                            class="link3 db els"
                            >LED Strips</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/led-strip-controllers.aspx"
                            class="link3 db els"
                            >LED Strip Controllers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/ledlighting/others.aspx"
                            class="link3 db els"
                            >Others</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="LED/Lighting"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/powerbatteries.aspx" class="wxcur"
                      >Power/Batteries</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/batteries.aspx"
                            class="link3 db els"
                            >Batteries</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/battery-clips.aspx"
                            class="link3 db els"
                            >Battery Clips</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/battery-holders.aspx"
                            class="link3 db els"
                            >Battery Holders</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/battery-display.aspx"
                            class="link3 db els"
                            >Battery Display</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/battery-powercharging.aspx"
                            class="link3 db els"
                            >Battery Power/Charging</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/battery-board.aspx"
                            class="link3 db els"
                            >Battery Board</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/solar-panel.aspx"
                            class="link3 db els"
                            >Solar Panel</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/solar-products.aspx"
                            class="link3 db els"
                            >Solar Products</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/powerbatteries/other.aspx"
                            class="link3 db els"
                            >Other</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="Power/Batteries"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/mechanical.aspx" class="wxcur"
                      >Mechanical</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/audible-devices.aspx"
                            class="link3 db els"
                            >Audible Devices</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/cooling.aspx"
                            class="link3 db els"
                            >Cooling</a
                          >
                          <div class="">
                            <a
                              href="/jh-products/mechanical/cooling/fans.aspx"
                              class="link4 db"
                              >Fans</a
                            ><a
                              href="/jh-products/mechanical/cooling/heatsink.aspx"
                              class="link4 db"
                              >Heatsink</a
                            ><a
                              href="/jh-products/mechanical/cooling/peltier.aspx"
                              class="link4 db"
                              >Peltier</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/motors.aspx"
                            class="link3 db els"
                            >Motors</a
                          >
                          <div class="">
                            <a
                              href="/jh-products/mechanical/motors/dc-motor.aspx"
                              class="link4 db"
                              >DC Motor</a
                            ><a
                              href="/jh-products/mechanical/motors/servo-motor.aspx"
                              class="link4 db"
                              >Servo Motor</a
                            ><a
                              href="/jh-products/mechanical/motors/vibration-motor.aspx"
                              class="link4 db"
                              >Vibration Motor</a
                            ><a
                              href="/jh-products/mechanical/motors/stepper-motor.aspx"
                              class="link4 db"
                              >Stepper Motor</a
                            ><a
                              href="/jh-products/mechanical/motors/gear-motor.aspx"
                              class="link4 db"
                              >Gear Motor</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/encoders.aspx"
                            class="link3 db els"
                            >Encoders</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/power-supply.aspx"
                            class="link3 db els"
                            >Power Supply</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/pumps.aspx"
                            class="link3 db els"
                            >Pumps</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/quadcopters.aspx"
                            class="link3 db els"
                            >Quadcopters</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/soldering.aspx"
                            class="link3 db els"
                            >Soldering</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/solenoids.aspx"
                            class="link3 db els"
                            >Solenoids</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/tubing.aspx"
                            class="link3 db els"
                            >Tubing</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/mechanical/others.aspx"
                            class="link3 db els"
                            >Others</a
                          >
                        </div>
                      </div>
                      <div
                        class="info pt25 clearfix"
                        alt="Mechanical"
                      ></div>
                    </div>
                  </div>
                  <div class="link2">
                    <a href="/jh-products/tools.aspx" class="wxcur"
                      >Tools</a
                    >
                    <div class="sub3 abs abs dn">
                      <div class="row link3-w">
                        <div class="lg-4">
                          <a
                            href="/jh-products/tools/breadboard.aspx"
                            class="link3 db els"
                            >Breadboard</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/tools/pcb.aspx"
                            class="link3 db els"
                            >PCB</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/scissorstweezersprobes.aspx"
                            class="link3 db els"
                            >Scissors/Tweezers/Probes</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/cutterspliers.aspx"
                            class="link3 db els"
                            >Cutters/Pliers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/drillrouters.aspx"
                            class="link3 db els"
                            >Drill/Routers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/calipersmicrometers.aspx"
                            class="link3 db els"
                            >Calipers/Micrometers</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/solderless-terminals.aspx"
                            class="link3 db els"
                            >Solderless Terminals</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/switches.aspx"
                            class="link3 db els"
                            >Switches</a
                          >
                          <div class="">
                            <a
                              href="/jh-store/tools/switches/limit-switch.aspx"
                              class="link4 db"
                              >Limit Switch</a
                            ><a
                              href="/jh-store/tools/switches/toggle-switch.aspx"
                              class="link4 db"
                              >Toggle Switch</a
                            ><a
                              href="/jh-store/tools/switches/push-button-switch.aspx"
                              class="link4 db"
                              >Push Button Switch</a
                            ><a
                              href="/jh-store/tools/switches/touch-switch.aspx"
                              class="link4 db"
                              >Touch Switch</a
                            ><a
                              href="/jh-store/tools/switches/slide-switch.aspx"
                              class="link4 db"
                              >Slide Switch</a
                            ><a
                              href="/jh-store/tools/switches/rocker-switch.aspx"
                              class="link4 db"
                              >Rocker Switch</a
                            ><a
                              href="/jh-store/tools/switches/other-switch.aspx"
                              class="link4 db"
                              >Other Switch</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/test-instruments.aspx"
                            class="link3 db els"
                            >Test Instruments</a
                          >
                          <div class="">
                            <a
                              href="/jh-store/tools/test-instruments/multimeter.aspx"
                              class="link4 db"
                              >Multimeter</a
                            ><a
                              href="/jh-store/tools/test-instruments/counterstimers.aspx"
                              class="link4 db"
                              >Counters/Timers</a
                            ><a
                              href="/jh-store/tools/test-instruments/usb-tester.aspx"
                              class="link4 db"
                              >USB Tester</a
                            ><a
                              href="/jh-store/tools/test-instruments/test-probes.aspx"
                              class="link4 db"
                              >Test Probes</a
                            ><a
                              href="/jh-store/tools/test-instruments/test-pen.aspx"
                              class="link4 db"
                              >Test Pen</a
                            ><a
                              href="/jh-store/tools/test-instruments/test-meter.aspx"
                              class="link4 db"
                              >Test Meter</a
                            ><a
                              href="/jh-store/tools/test-instruments/test-clips.aspx"
                              class="link4 db"
                              >Test Clips</a
                            ><a
                              href="/jh-store/tools/test-instruments/logic-analyzers.aspx"
                              class="link4 db"
                              >Logic Analyzers</a
                            ><a
                              href="/jh-store/tools/test-instruments/other.aspx"
                              class="link4 db"
                              >Other</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/connectors-adapters.aspx"
                            class="link3 db els"
                            >Connectors/ Adapters</a
                          >
                          <div class="">
                            <a
                              href="/jh-store/tools/connectors-adapters/audio-socket.aspx"
                              class="link4 db"
                              >Audio Socket</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/antenna-socket.aspx"
                              class="link4 db"
                              >Antenna Socket</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/headers.aspx"
                              class="link4 db"
                              >Headers</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/connector-housing.aspx"
                              class="link4 db"
                              >Connector Housing</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/power-socket.aspx"
                              class="link4 db"
                              >Power Socket</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/network-socket.aspx"
                              class="link4 db"
                              >Network Socket</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/usb.aspx"
                              class="link4 db"
                              >USB</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/plug.aspx"
                              class="link4 db"
                              >Plug</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/terminal-connector.aspx"
                              class="link4 db"
                              >Terminal Connector</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/zif-sockets.aspx"
                              class="link4 db"
                              >ZIF Sockets</a
                            ><a
                              href="/jh-store/tools/connectors-adapters/others.aspx"
                              class="link4 db"
                              >Others</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/cablewire.aspx"
                            class="link3 db els"
                            >Cable/Wire</a
                          >
                          <div class="">
                            <a
                              href="/jh-store/tools/cablewire/cables.aspx"
                              class="link4 db"
                              >Cables</a
                            ><a
                              href="/jh-store/tools/cablewire/wire-assembly.aspx"
                              class="link4 db"
                              >Wire Assembly</a
                            ><a
                              href="/jh-store/tools/cablewire/power-cordsplugs.aspx"
                              class="link4 db"
                              >Power Cords/Plugs</a
                            ><a
                              href="/jh-store/tools/cablewire/cable-ties.aspx"
                              class="link4 db"
                              >Cable Ties</a
                            ><a
                              href="/jh-store/tools/cablewire/wire-management.aspx"
                              class="link4 db"
                              >Wire Management</a
                            ><a
                              href="/jh-store/tools/cablewire/others.aspx"
                              class="link4 db"
                              >Others</a
                            >
                          </div>
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/power-adapter.aspx"
                            class="link3 db els"
                            >Power Adapter</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/adapter-boards.aspx"
                            class="link3 db els"
                            >Adapter Boards</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/shellbracket.aspx"
                            class="link3 db els"
                            >Shell/Bracket</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/plastic-diy.aspx"
                            class="link3 db els"
                            >Plastic DIY</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/packing.aspx"
                            class="link3 db els"
                            >Packing</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-store/tools/daily-use.aspx"
                            class="link3 db els"
                            >Daily Use</a
                          >
                        </div>
                        <div class="lg-4">
                          <a
                            href="/jh-products/tools/others.aspx"
                            class="link3 db els"
                            >Others</a
                          >
                        </div>
                      </div>
                      <div class="info pt25 clearfix" alt="Tools"></div>
                    </div>
                  </div>
                </div>
              </li>
              <li class="rel">
                <a href="/hot-sell-stock.html" class="wxcur">JH Services</a>
                <div class="sub23 abs dn">
                  <a href="/hot-sell-stock.html" class="db"
                    ><i class="db">Hot-sell Stock</i></a
                  >
                  <a href="/sourcing-products.html" class="db"
                    ><i class="db">Sourcing Products</i></a
                  >
                  <a href="/agent-service.html" class="db"
                    ><i class="db">Agent Service</i></a
                  >
                  <a href="/logistic-warehouse.html" class="db"
                    ><i class="db">Logistic&amp;Warehouse</i></a
                  >
                  <a href="/value-added-services.html" class="db"
                    ><i class="db">Value-added Services</i></a
                  >
                </div>
              </li>
              <li class="rel">
                <a href="/JHCompany.html" class="wxcur">About Us</a>
                <div class="sub23 abs dn">
                  <a href="/JHCompany.html" class="db"
                    ><i class="db">JH Company</i></a
                  >
                  <a href="/whychoose.html" class="db"
                    ><i class="db">Why Choose JH</i></a
                  >
                </div>
              </li>
              <li class="rel">
                <a href="/JHBlog/Category.html" class="wxcur">Blog</a>
                <div class="sub23 abs dn">
                  <a href="/JHBlog/Category/news.html" class="db"
                    ><i class="db">News</i></a
                  >

                  <a href="/JHBlog/Category/products.html" class="db"
                    ><i class="db">Products</i></a
                  >

                  <a href="/JHBlog/Category/service.html" class="db"
                    ><i class="db">Service</i></a
                  >

                  <a href="/JHBlog/Category/jh-labor-work.html" class="db"
                    ><i class="db">JH Labor Work</i></a
                  >

                  <a href="/JHBlog/Category/video-show.html" class="db"
                    ><i class="db">Video Show</i></a
                  >
                </div>
              </li>
              <li><a href="/contact-us.html">Contact</a></li>
              <li>
                <a
                  href="https://www.linked-reality.com/company/16123/en"
                  target="_blank"
                  >VR</a
                >
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
  <script>
    $(function () {
      $("body").click(function () {
        $(".hot-search").hide();
        $(".m-hot-search").hide();
      });
      $(".m-search-b").click(function () {
        $(".m-search").stop().fadeToggle();
        $(".hot-search,.m-hot-search").hide();
        return false;
      });
      $(".search .txt").click(function () {
        if ($(window).width() > 1024) {
          if ($(".search-result").is(":hidden")) {
            $(".hot-search").show();
          }
        } else {
          if ($(".m-search-result").is(":hidden")) {
            $(".m-hot-search").show();
          }
        }
        return false;
      });
      $(".search .txt1").bind("input propertychange", function () {
        var value = $(".search .txt1").val();
        if (value) {
          //
          getItems(value);
          if (!$(".search-result").is(":visible")) {
            $(".hot-search").hide();
            $(".search-result").show();
          }
        } else {
          $(".hot-search").show();
          $(".search-result").hide();
        }
      });
      $(".search .txt2").bind("input propertychange", function () {
        var value = $(".search .txt2").val();
        if (value) {
          // 移动端
          $(".m-hot-search").hide();
          $(".m-search-result").show();
        } else {
          $(".m-hot-search").show();
          $(".m-search-result").hide();
        }
      });

      function getItems(key) {
        $.ajax({
          url: "/IAjax/ProductList.ashx",
          dataType: "json",
          data: { keys: escape(key) },
          success: function (response) {
            var strhtml = setItemHtml(response);

            $(".search-result").html(strhtml);
          },
        });
      }
      function setItemHtml(items) {
        var ht = "";
        for (var i = 0; i < items.length; i++) {
          ht +=
            '<div class="item"><a href="' +
            items[i].Other2 +
            '" class="dfcc"><div class="img"><img src="' +
            items[i].PicSmall +
            '"></div>';
          ht += '<h3 class="els">' + items[i].Title + "</h3></a></div>";
        }
        return ht;
      }
    });
  </script>

  <div class="header-m abs dn md-db">
    <a href="/" class="logo"> <img src="./images/logo.png" alt="Logo" /></a>
    <div class="m-menu-b"></div>
    <div class="m-menu">
      <ul class="nav hsms">
        <li><a href="/">Home</a></li>
        <li>
          <a href="/jh-products.aspx">JH Products</a>
          <ul class="sub-nav hsms">
            <li><a href="/jh-products/new-arrival.aspx">New Arrival</a></li>
            <li>
              <a href="/jh-products/clearance-sale.aspx">Clearance Sale</a>
            </li>
            <li><a href="/jh-products/arduino.aspx">Arduino</a></li>
            <li>
              <a href="/jh-products/development-boards.aspx"
                >Development Boards</a
              >
            </li>
            <li><a href="/jh-products/sensors.aspx">Sensors</a></li>
            <li>
              <a href="/jh-products/raspberry-pi.aspx">Raspberry PI</a>
            </li>
            <li>
              <a href="/jh-products/3dcncmechanical.aspx"
                >3D/CNC/Mechanical</a
              >
            </li>
            <li>
              <a href="/jh-products/educational-kits.aspx"
                >Educational Kits</a
              >
            </li>
            <li><a href="/jh-products/robotics.aspx">Robotics</a></li>
            <li><a href="/jh-products/components.aspx">Components</a></li>
            <li><a href="/jh-products/smart-home.aspx">Smart Home</a></li>
            <li>
              <a href="/jh-products/mobile-accessories.aspx"
                >Mobile Accessories</a
              >
            </li>
            <li>
              <a href="/jh-products/computer-accessories.aspx"
                >Computer Accessories</a
              >
            </li>
            <li>
              <a href="/jh-products/ledlighting.aspx">LED/Lighting</a>
            </li>
            <li>
              <a href="/jh-products/powerbatteries.aspx">Power/Batteries</a>
            </li>
            <li><a href="/jh-products/mechanical.aspx">Mechanical</a></li>
            <li><a href="/jh-products/tools.aspx">Tools</a></li>
          </ul>
        </li>

        <li>
          <a href="/hot-sell-stock.html">JH Services</a>
          <ul class="sub-nav hsms">
            <li><a href="/hot-sell-stock.html">Hot-sell Stock</a></li>
            <li><a href="/sourcing-products.html">Sourcing Products</a></li>
            <li><a href="/agent-service.html">Agent Service</a></li>
            <li>
              <a href="/logistic-warehouse.html">Logistic&amp;Warehouse</a>
            </li>
            <li>
              <a href="/value-added-services.html">Value-added Services</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="/JHCompany.html">About Us</a>
          <ul class="sub-nav hsms">
            <li><a href="/JHCompany.html">JH Company</a></li>
            <li><a href="/whychoose.html">Why Choose JH</a></li>
          </ul>
        </li>
        <li>
          <a href="/JHBlog/Category.html">Blog</a>
          <ul class="sub-nav hsms">
            <li><a href="/JHBlog/Category/news.html">News</a></li>

            <li><a href="/JHBlog/Category/products.html">Products</a></li>

            <li><a href="/JHBlog/Category/service.html">Service</a></li>

            <li>
              <a href="/JHBlog/Category/jh-labor-work.html"
                >JH Labor Work</a
              >
            </li>

            <li>
              <a href="/JHBlog/Category/video-show.html">Video Show</a>
            </li>
          </ul>
        </li>

        <li><a href="/contact-us.html">Contact</a></li>
        <li>
          <a
            href="https://www.linked-reality.com/company/16123/en"
            target="_blank"
            >VR</a
          >
        </li>
      </ul>
      <div class="m-language">
        <a
          href="javascript:;"
          onclick="$('.login').fadeIn();"
          class="db tac lg-12"
        >
          <img
            src="https://www.jh-electronica.com/images/login.png"
            alt=""
          />
          Login</a
        >

        <div class="clear"></div>

        <a href="/ShoppingCart.html" class="lg-6 dfcc">
          <div class="icon">
            <img
              src="https://www.jh-electronica.com/images/header_icon1.png"
              alt=""
            />
          </div>
          <em class="db">Cart</em>
        </a>
        <a href="/PersonalCenter/WishList.html" class="lg-6 dfcc">
          <div class="icon">
            <img
              src="https://www.jh-electronica.com/images/header_icon2.png"
              alt=""
            />
          </div>
          <em class="db">Collection</em>
        </a>
      </div>
    </div>
    <div class="m-search-b"></div>
  </div>
  <div class="m-search abs lg-12 dn">
    <div class="search row dfcc sm-12 ov">
      <input
        class="txt fl txt2"
        placeholder="Find Products "
        type="text"
        onkeydown="if(event.keyCode==13) SearchProduct($('#SearchProduct2').val());"
        id="SearchProduct2"
      />
      <input
        class="btn fr"
        value=""
        type="button"
        onclick="SearchProduct($('#SearchProduct2').val())"
      />
    </div>
  </div>
</header>
<script>
  var scroolHeight = $(window).height(); //屏幕默认高度
  var navHeight = $(".header .item2 .public-header nav").height(); //获取头部导航高度
  var sub2Width = $(".header nav .sub2").width();
  $(".header nav .sub2 .link2").hover(
    function () {
      var rightHiehgt = $(this).children(".sub3").height(); //右边显示块高度
      console.log("----", $(".item2 .baf").height());
      $(".header nav .sub3").css("position", "fixed");
      $(".header nav .sub3").css("left", "auto");
      $(".header nav .sub3").css("margin-left", sub2Width);
      $(".header nav .sub3").css("top", 144);
      // $(".header nav .sub3").css("height", scroolHeight - navHeight);
      $(".header nav .sub3").css(
        "height",
        $(".header nav .sub2").height() + 40
      );
      if (rightHiehgt > scroolHeight - navHeight) {
        $(".header nav .sub3").css("overflow-y", "scroll");
      } else {
        $(".header nav .sub3").css("overflow-y", "hidden");
      }
      $(".header nav .sub3").css("transform", "translateY(0%)");
    },
    function () {
      $(
        ".header nav ul li .link2:nth-child(10) .sub3, .header nav ul li .link2:nth-child(11) .sub3, .header nav ul li .link2:nth-child(12) .sub3, .header nav ul li .link2:nth-child(13) .sub3, .header nav ul li .link2:nth-child(14) .sub3"
      ).css("transform", "translateY(-50%)");
    }
  );
</script>
